Skip to content

Hero: tighten height so repo grid peeks above the fold#28

Merged
zhawtof merged 1 commit into
mainfrom
claude/nifty-allen-0e4ed6
May 20, 2026
Merged

Hero: tighten height so repo grid peeks above the fold#28
zhawtof merged 1 commit into
mainfrom
claude/nifty-allen-0e4ed6

Conversation

@zhawtof
Copy link
Copy Markdown
Contributor

@zhawtof zhawtof commented May 19, 2026

Summary

  • The hero was claiming the entire viewport on common desktop sizes (~1440–1920 wide), so nothing else was visible until scroll.
  • Combined TOOLS + FOR onto a single line (4 → 3 headline rows) and shrank the headline scale from clamp(3.5rem, 12vw, 10rem) to clamp(2.75rem, 9vw, 7.5rem).
  • Loosened headline leading from 0.850.92 — at the smaller font size, the 12px stacked-3d shadow on SLACK was crashing into + AGENTS..
  • Trimmed the section padding (pt-16 pb-20 lg:pt-24 lg:pb-28pt-10 pb-12 lg:pt-14 lg:pb-16) and the inter-block margins (mb-8mb-5, mt-10mt-6).

At 1920×1080 the marquee strip and the start of the next section now sit above the fold; at 1440×900 a repo card peeks in just below the marquee.

Test plan

  • At ~1920×1080, hero ends before the fold and marquee + next section are visible
  • At ~1440×900, marquee and the top of a repo card are visible above the fold
  • At ~1280×800, no overlap between SLACK stacked-3d shadow and + AGENTS.
  • Mobile (375px): headline still reads cleanly, no horizontal scroll

🤖 Generated with Claude Code

The hero was claiming the entire viewport on common desktop sizes,
leaving nothing else visible until scroll. Combined "TOOLS FOR" onto
one line, shrank the headline scale (9vw / 7.5rem max), loosened
leading from 0.85 to 0.92 so the stacked-3d shadow on SLACK clears
"+ AGENTS." at the smaller size, and trimmed section padding and
inter-block margins.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
tightknit-dev-website c1943f2 Commit Preview URL

Branch Preview URL
May 19 2026, 10:31 PM

@zhawtof zhawtof merged commit 696b97a into main May 20, 2026
3 checks passed
@zhawtof zhawtof deleted the claude/nifty-allen-0e4ed6 branch May 20, 2026 05:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant